﻿@model WordSmith_V1.ViewModel.AccountSummaryViewModel

@{
    ViewBag.Title = "Summary";
}

<h2>Summary</h2>

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

<ul id="menu" class="accountMenu">
@foreach (var item in @Model.userMenuLinks)
{
    <li>      
      @Html.ActionLink(@item.Name, @item.Action, @item.Controller)
    </li>
}
</ul>

@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)
    <fieldset>
        <legend>Your Account Summary</legend>
        <div>@Html.LabelFor(model => model.User.FirstName): @Html.TextBoxFor(model => model.User.FirstName)</div>
             <div>   @Html.LabelFor(model => model.User.LastName): @Html.TextBoxFor(model => model.User.LastName)</div>
      <!-- TODO   ADD GENDER,LOCATION -->
        <div>
            <fieldset>
            <legend>Interests</legend>
            @foreach (var item in @Model.User.Interests)
            {
                <span class="block">@item.Name</span>
            }
            </fieldset>
        </div>
           <div>
            <fieldset>
            <legend>Books Followed</legend>
           @foreach (var item in @Model.User.BookFollowed)
            {
                <span class="block">@item.Title</span>
            }
            </fieldset>
            </div>
        <p>
            <input type="submit" value="Continue" />
        </p>
    </fieldset>
}

